<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据-首页</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 自定义重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 轮播图 -->
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
    <!-- 当前页的样式 -->
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 首页头部 -->
    <div class="head">
        <header class="dflex dflex-c f-between">
            <h1>
                <a href="#">源码大数据</a>
            </h1>
            <ul class="cf">
                <li class="on">首页</li>
                <li>API</li>
                <li>数据</li>
            </ul>
            <div>
                <span class="btn1">
                    登录
                </span>
                <span class="btn2">
                    注册有礼
                </span>
            </div>
        </header>
    </div>
    <section id="banner">
        <!-- 轮播图 -->
        <section class="house">

            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../imgs/banner1.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../imgs/banner2.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../imgs/banner3.png" alt="">
                    </div>
                </div>
                <!-- 如果Q需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

            </div>

        </section>

    </section>
    <!-- 主体部分 -->
    <main>
        <!-- 云服务 -->
        <section id="clouService" class="container">
            <!-- 公共标题部分 -->
            <div class="public-title">
                <!-- <h2>
                    为开发者提供云服务
                </h2>
                <p>
                    基于API技术向客户提供多领域、多场景的Sass服务；助力开发者提高生产效率，加快工作进程
                </p>
                <a href="#">
                    探索云服务 &gt;
                </a> -->
            </div>
            <ul id="service">
                <li>
                    <div>
                        <img src="../imgs/service01.svg" alt="" width="240px" height="170px">
                    </div>
                    <div>
                        <h4>
                            API私有化服务
                        </h4>
                        <p>
                            可部署本地&专有云的Web API
                        </p>
                        <a href="#">去搜索</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="../imgs/service02.svg" alt="" width="240px" height="170px">
                    </div>
                    <div>
                        <h4>
                            源码云监测
                        </h4>
                        <p>
                            实时代码托管、威胁情报监控
                        </p>
                        <a href="#">去搜索</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="../imgs/service03.svg" alt="" width="240px" height="170px">
                    </div>
                    <div>
                        <h4>
                            源码有赢
                        </h4>
                        <p>
                            一站式营销活动服务平台
                        </p>
                        <a href="#">去搜索</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="../imgs/service04.svg" alt="" width="240px" height="170px">
                    </div>
                    <div>
                        <h4>
                            YuanMa API
                        </h4>
                        <p>
                            API开发者协作平台
                        </p>
                        <a href="#">去搜索</a>
                    </div>
                </li>
            </ul>
        </section>
        <!-- API分类 -->
        <section id="APIcate">
            <div class="container">
                <!-- 公共标题部分 -->
                <div class="public-title">
                    <!-- <h2>
                        海量的API服务，丰富的API分类
                    </h2>
                    <p>
                        提供400多种API和数据块，快捷、易用、稳定，极大的满足了用户数据需求；节省了寻找时间，节约了数据维护的服务器和人力成本。

                    </p>
                    <a href="#">
                        探索云服务 &gt;
                    </a> -->
                </div>
                <ul>
                    <!-- <li>
                        <img src="../imgs/api01.svg" alt="">
                        <p>
                            生活服务
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api02.svg" alt="">
                        <p>
                            金融科技
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api03.svg" alt="">
                        <p>
                            交通地理
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api04.svg" alt="">
                        <p>
                            充值缴费
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api05.svg" alt="">
                        <p>
                            数据智能
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api06.svg" alt="">
                        <p>
                            企业工商
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api07.svg" alt="">
                        <p>
                            应用开发
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api08.svg" alt="">
                        <p>
                            应用开发
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api09.svg" alt="">
                        <p>
                            吃喝玩乐
                        </p>
                    </li>
                    <li>
                        <img src="../imgs/api010.svg" alt="">
                        <p>
                            文娱视频
                        </p>
                    </li> -->
                </ul>
                <p>
                    另外，更多免费API任您挑选， <a href="#">马上申请 ></a>
                </p>
            </div>
        </section>
        <!-- 慧集 -->
        <section id="master" class="container">
            <div class="public-title">
                <h2>
                    慧集 / APIMaster
                </h2>
                <p>
                    API集成中台包括：API设计、API开发、API测试、API发布、API网关、API市场等功能，支持API的鉴权、流控、熔断等，涵盖了API的全生命周期。

                </p>
                <a href="#">
                    探索慧集 &gt;
                </a>
            </div>
            <div class="content">
                <div>
                    <img src="../imgs/master-left-bg.svg" alt="">
                </div>
                <ul>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-01.svg" alt=""> API智能接入
                        </h5>
                        <p>
                            通过可视化界面配置，即可实现无代码、免开发快速接入
                        </p>
                    </li>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-02.svg" alt=""> 数据库生成API
                        </h5>
                        <p>
                            无代码配置的方式将主流数据库输出为微服务API接口
                        </p>
                    </li>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-03.svg" alt=""> API智能构建
                        </h5>
                        <p>
                            多个API通过可视化的流程编排与业务逻辑重组，融合成新的API
                        </p>
                    </li>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-04.svg" alt=""> API智能路由
                        </h5>
                        <p>
                            根据入参属性进行智能分配，实现路由管理，控制API调用流向
                        </p>
                    </li>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-05.svg" alt=""> 简化API开发
                        </h5>
                        <p>
                            助力开发者创建API、批量测试、跟踪开发进度、自动生成文档
                        </p>
                    </li>
                    <li>
                        <h5>
                            <img src="../imgs/master-item-icon-06.svg" alt=""> API开放共享
                        </h5>
                        <p>
                            将核心能力以API形式对外输出，赋能到多领域、多场景的应用程序中
                        </p>
                    </li>
                </ul>
            </div>
        </section>
        <!-- 独角兽 -->
        <section id="uniorn">
            <div class="public-title">
                <h2>
                    助力行业巨头 / 独角兽企业
                </h2>
                <a href="#">
                    看看我们服务了谁 &gt;
                </a>
            </div>
            <div class="uniorn-bg">
                <!-- 第一个 -->
                <div class="carousel">
                    <div class="container uniorn-content ">
                        <img src="../imgs/hcfc.png" alt="">
                        <div class="content-right">
                            <img src="../imgs/help-des-icon.svg" alt="">
                            <p>
                                河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
                            </p>
                            <span>
                                风险管理部
                            </span>
                        </div>
                    </div>
                </div>
                <!-- 第二个 -->
                <div class="carousel">
                    <div class="container uniorn-content ">
                        <img src="../imgs/sznsyh.png" alt="">
                        <div class="content-right">
                            <img src="../imgs/help-des-icon.svg" alt="">
                            <p>
                                河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
                            </p>
                            <span>
                                风险管理部
                            </span>
                        </div>
                    </div>
                </div>
                <!-- 第三个 -->
                <div class="carousel">
                    <div class="container uniorn-content ">
                        <img src="../imgs/zhylian.png" alt="">
                        <div class="content-right">
                            <img src="../imgs/help-des-icon.svg" alt="">
                            <p>
                                河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
                            </p>
                            <span>
                                风险管理部
                            </span>
                        </div>
                    </div>
                </div>
                
            </div>
        </section>
        <!-- 数据安全 -->
        <section id="safedate">
            <div class="public-title">
                <h2>
                    数据安全和可靠合规的服务
                </h2>
                <p>
                    保证每一个客户放心使用

                </p>
                <a href="#">
                    立即使用 &gt;
                </a>
            </div>
            <ul class="container">
                <li>
                    <img src="../imgs/security-logo-item01.svg" alt="">
                    <p>高新技术企业</p>
                </li>
                <li>
                    <img src="../imgs/security-logo-item02.svg" alt="">
                    <p>CMMI3</p>
                </li>
                <li>
                    <img src="../imgs/security-logo-item03.png" alt="">
                    <p>ISO9001</p>
                </li>
                <li>
                    <img src="../imgs//security-logo-item04.png" alt="">
                    <p>ISO20000</p>
                </li>
                <li>
                    <img src="../imgs/security-logo-item05.png" alt="">
                    <p>ISO27001</p>
                </li>
                <li>
                    <img src="../imgs/security-logo-item06.png" alt="">
                    <p>网络安全三级等保</p>
                </li>
            </ul>
        </section>
        <!-- 广告区 -->
        <section id="adv">
            <div class="container">
                <h3>
                    免费试用上百种API、体验各类产品和服务
                </h3>
                <button>立即体验</button>
            </div>
        </section>
    </main>
    <!-- 页尾 -->
    <footer class="container">
        <section>
            <div>
                <dl>
                    <dt>练习与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl>
                    <dt>练习与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl>
                    <dt>练习与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl>
                    <dt>练习与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl>
                    <dt>练习与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
            </div>
            <div>
                <dl>
                    <dt>微信公众号</dt>
                    <dd>源码时代</dd>
                    <dd><img src="../imgs/wechat-white.png" alt="" width="100"></dd>
                </dl>
            </div>
        </section>
        <section>
            <p>
                <img src="../imgs/bei1.png" alt=""> <img src="../imgs/bei2.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>
        </section>
        <span id="btn"></span>
    </footer>





    <!-- 引入工具js -->
    <script src="../js/util.js"></script>
    <!-- 轮播图 -->
    <script src="../lib/swiper/swiper-bundle.min.js"></script>
    <!-- 引入当前页的js -->
    <script src="../js/index.js"></script>
    
</body>

</html>